<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style>
	.container {
		text-align: left;
	}
	
	h1 {
		font-size: 30px;
		font-weight: 900;
	}
	
	h2 {
		font-size: 25px;
		font-weight: 600;
	}
	
	h3 {
		font-size: 20px;
		font-weight: 500;
	}
	
	a {
		font-size: 18px;
	}
	
	.tip {
		line-height: 2;
		border-left: 2px solid #008000;
		text-indent: 20px;
		background-color: #efefef;
	}
	
	.layout-content {
		height: calc(100vh - 64px);
		/* padding: 20px; */
	}
	
	.box {
		padding-bottom: 20px;
		font-size: 18px;
	}
	
	.item {
		padding: 10px 0;
		font-size: 18px;
	}
	
	.code {
		background-color: #000000;
		color: #fff;
		padding: 20px;
		font-size: 18px;
	}
	
	li {
		font-size: 18px;
	}
	
	.layout-sider {
		padding: 20px;
		font-size: 18px;
	}
	.CodeMirror {
		height: auto !important;
	}
</style>
